{% extends 'profiles/base_profile.html' %}
{% load i18n %}
{% load endless %}

{% block title %}{% trans "Friends" %}{% endblock title %}

{% block content %}
<div class="row clearfix">
    <div class="col-md-4 column">
        <h4>
            Friend List
        </h4>
        <p>
			Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
		</p>
		<p>
			<a class="btn" href="#">View details »</a>
		</p>
    </div>
	<div class="col-md-8 column">
	    <ol class="list-inline" id="profile_list">
          {% include page_template %}
        </ol>
    </div>
</div>
{% endblock content %}

{% block extra_js %}
    {{ block.super }}
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="{{ STATIC_URL }}endless_pagination/js/endless-pagination.js"></script>
    <script>
            $.endlessPaginate({
                paginateOnScroll: true
            });
        </script>
{% endblock extra_js %}
